
view{
	position: relative;
	box-sizing: border-box;
}
image{
	display: block;
}
view,
textarea{
	box-sizing: border-box;
}
.headerFunc{
	width: 100%;
	background-color: white;
	border-radius: 5rpx;
	padding: 10rpx;
	margin-bottom: 10rpx;
}
.flex{
	display: flex;
}
.flex-row{
	display: flex;
	flex-direction: row;
}
.flex-col{
	display: flex;
	flex-direction: column;
}
.align-items-center{
	align-items: center;
}
.justify-content-cernter{
	justify-content: center;
}
.justify-content-between{
	justify-content: space-between;
}
.justify-content-end{
	justify-content: flex-end;
}
.f-center{
	align-items: center;
	justify-content: center;
}
.refreshBtn{
	border-radius: 50rpx;
	border: 1rpx solid #CCC;
	padding: 5rpx;
	width: 30rpx;
	height:30rpx;
	align-items: center;
	justify-content: center;
	display: flex;
	box-sizing: border-box;
	cursor: pointer;
}
.textarea{
	padding: 10rpx;
	box-sizing: border-box;
	border-radius: 4rpx;
	border: 1rpx solid #dcdfe6;
	width: 100%;
}
.w-100{
	width: 100% !important;
}
.h-100{
	height : 100%  !important;
}
.h-100v{
	height : 100vh !important;
}
.flex-1{
	flex: 1;
}
.line-3{
	display: -webkit-box;
	overflow: hidden;
	text-overflow: ellipsis;
	box-orient: vertical;
	line-clamp: 3;
	-webkit-line-clamp: 3;
	-webkit-box-orient: vertical;
}
.line-2{
	display: -webkit-box;
	overflow: hidden;
	text-overflow: ellipsis;
	box-orient: vertical;
	line-clamp: 2;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
}
.line-1 {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.refreshBtn:active{
	background-color: #d8ebff;
}
.refreshBtn:hover{
	border-color: #b2d8ff;
}
.refreshBtnIcon:hover{
	color : #d8ebff;
}
@for $i from 5 through 120 {
	.br-#{$i} {
	    border-radius : #{$i}rpx !important;
	}
    .mt-#{$i} {
        margin-top : #{$i}rpx !important;
    }
    .ml-#{$i} {
        margin-left : #{$i}rpx !important;
    }
    .mr-#{$i} {
        margin-right : #{$i}rpx !important;
    }
    .mb-#{$i} {
        margin-bottom : #{$i}rpx !important;
    }
    .pt-#{$i} {
        padding-top : #{$i}rpx !important;
    }
    .pl-#{$i} {
        padding-left : #{$i}rpx !important;
    }
    .pr-#{$i} {
        padding-right : #{$i}rpx !important;
    }
    .pb-#{$i} {
        padding-bottom : #{$i}rpx !important;
    }
    .m-#{$i} {
        margin : #{$i}rpx !important;
    }
    .p-#{$i} {
        padding : #{$i}rpx !important;
    }
    .fs-#{$i} {
        font-size: #{$i}rpx !important;
    }
    .lh-#{$i} {
        line-height: #{$i}rpx !important;
    }
}

.fw-700{
	font-weight: 700 !important;
}

.c-333 {
	color: #333 !important;
}
.bg-333{
	background-color: #333 !important;
}
.c-555 {
	color: #555 !important;
}
.bg-555{
	background-color: #555 !important;
}
.c-777 {
	color: #777 !important;
}
.bg-777{
	background-color: #777 !important;
}
.c-999 {
	color: #999 !important;
}
.bg-999{
	background-color: #999 !important;
}
.c-aaa {
	color: #aaa !important;
}
.bg-aaa{
	background-color: #aaa !important;
}
.c-ccc {
	color: #ccc !important;
}
.bg-ccc{
	background-color: #ccc !important;
}
.c-ddd {
	color: #ddd !important;
}
.bg-ddd{
	background-color: #ddd !important;
}
.c-eee {
	color: #eee !important;
}
.bg-eee{
	background-color: #eee !important;
}
.c-fff {
	color: #fff !important;
}
.bg-fff{
	background-color: #fff !important;
}

.separate-line{
	width: 100%;
	border-top :1rpx dashed #DDD;
}